<template>
  <div class="rec-cul-item">
    <el-card class="box-card common-content">
      <div class="title">
        <span>招生信息</span
        ><a href="http://yjsc.cuit.edu.cn/NewsList.asp?type=861" class="more"
          >更多...</a
        >
      </div>
      <!-- <div class="content-detail">
        <div class="delete-row"></div>
        <div class="warp-details">
          <div class="row-text" v-for="(item, index) in list" :key="index">
            <a :href="item.src" target="_blank" :title="item.title">{{
              item.title
            }}</a>
          </div>
        </div>
      </div> -->
      <TableContent v-bind:list="list" />
    </el-card>
    <el-card class="box-card common-content cul-right ">
      <div>
        <div class="title">
          <span>培养管理</span
          ><a href="http://yjsc.cuit.edu.cn/NewsList.asp?type=861" class="more"
            >更多...</a
          >
        </div>
        <TableContent v-bind:list="list" />
        <!-- <div class="content-detail">
        <div class="delete-row"></div>
        <div class="warp-details">
          <div class="row-text" v-for="(item, index) in list" :key="index">
            <a :href="item.src" target="_blank" :title="item.title">{{
              item.title
            }}</a>
          </div>
        </div>
      </div> -->
      </div>
    </el-card>
  </div>
</template>

<style lang="less" scoped>
.rec-cul-item {
  height: 100%;
  width: 100%;
  display: flex;
  .common-content {
    height: 100%;
    width: 46%;
    overflow: hidden;
    // .content-detail {
    //   border-bottom: 0.1em solid #1deaff;
    //   background: url(../../../assets/box.png) no-repeat;
    //   background-size: cover;
    //   height: 30vh;
    //   .warp-details {
    //     // border: red solid 1px;
    //     overflow: hidden;
    //     overflow-y: scroll;
    //     box-sizing: border-box;
    //     height: 92%;
    //     .row-text {
    //       width: 96%;
    //       display: grid;
    //       height: 3vh;
    //       font-size: 1em;
    //       align-items: flex-end;
    //       a {
    //         padding-left: 1vw;
    //         white-space: nowrap;
    //         overflow: hidden;
    //         text-overflow: ellipsis;

    //         color: red;
    //       }
    //       // border: 1px solid red;
    //       border-bottom: dashed 0.08em #bcbcbc;
    //     }
    //   }
    //   .delete-row {
    //     padding-top: 2vh;
    //   }
    // }
    .title {
      box-sizing: border-box;
      padding-left: 4%;
      font-size: 1.2em;
      color: #000000;
      .more {
        font-size: 0.8em;
        color: gray;
        float: right;
      }
    }
  }
  .cul-right {
    margin-left: 8%;
  }
}
</style>

<script>
import TableContent from "@/components/TableContent";
export default {
  name: "RecruitAndCulture",
  data() {
    return {
      list: [
        {
          title: "关于公布2020年研究生招生初试成绩的补充通知",
          src: "http://yjsc.cuit.edu.cn/NewsCont.asp?type=918&id=21306"
        },
        {
          title:
            "关于公布2020年研究生招生初试成绩的补充通知关于公布2020年研究生招生初试成绩的补充通知",
          src: "http://yjsc.cuit.edu.cn/NewsCont.asp?type=918&id=21306"
        },
        {
          title: "关于公布2020年研究生招生初试成绩的补充通知",
          src: "http://yjsc.cuit.edu.cn/NewsCont.asp?type=918&id=21306"
        },
        {
          title:
            "关于公布2020年研究生招生初试成绩的补充通知关于公布2020年研究生招生初试成绩的补充通知",
          src: "http://yjsc.cuit.edu.cn/NewsCont.asp?type=918&id=21306"
        },
        {
          title: "关于公布2020年研究生招生初试成绩的补充通知",
          src: "http://yjsc.cuit.edu.cn/NewsCont.asp?type=918&id=21306"
        },
        {
          title:
            "关于公布2020年研究生招生初试成绩的补充通知关于公布2020年研究生招生初试成绩的补充通知",
          src: "http://yjsc.cuit.edu.cn/NewsCont.asp?type=918&id=21306"
        },
        {
          title: "关于公布2020年研究生招生初试成绩的补充通知",
          src: "http://yjsc.cuit.edu.cn/NewsCont.asp?type=918&id=21306"
        },
        {
          title:
            "关于公布2020年研究生招生初试成绩的补充通知关于公布2020年研究生招生初试成绩的补充通知",
          src: "http://yjsc.cuit.edu.cn/NewsCont.asp?type=918&id=21306"
        },
        {
          title: "关于公布2020年研究生招生初试成绩的补充通知",
          src: "http://yjsc.cuit.edu.cn/NewsCont.asp?type=918&id=21306"
        },
        {
          title:
            "关于公布2020年研究生招生初试成绩的补充通知关于公布2020年研究生招生初试成绩的补充通知",
          src: "http://yjsc.cuit.edu.cn/NewsCont.asp?type=918&id=21306"
        },
        {
          title: "关于公布2020年研究生招生初试成绩的补充通知",
          src: "http://yjsc.cuit.edu.cn/NewsCont.asp?type=918&id=21306"
        },
        {
          title:
            "关于公布2020年研究生招生初试成绩的补充通知关于公布2020年研究生招生初试成绩的补充通知",
          src: "http://yjsc.cuit.edu.cn/NewsCont.asp?type=918&id=21306"
        },
        {
          title: "关于公布2020年研究生招生初试成绩的补充通知",
          src: "http://yjsc.cuit.edu.cn/NewsCont.asp?type=918&id=21306"
        },
        {
          title:
            "关于公布2020年研究生招生初试成绩的补充通知关于公布2020年研究生招生初试成绩的补充通知",
          src: "http://yjsc.cuit.edu.cn/NewsCont.asp?type=918&id=21306"
        },
        {
          title: "关于公布2020年研究生招生初试成绩的补充通知",
          src: "http://yjsc.cuit.edu.cn/NewsCont.asp?type=918&id=21306"
        },
        {
          title:
            "关于公布2020年研究生招生初试成绩的补充通知关于公布2020年研究生招生初试成绩的补充通知",
          src: "http://yjsc.cuit.edu.cn/NewsCont.asp?type=918&id=21306"
        },
        {
          title: "关于公布2020年研究生招生初试成绩的补充通知",
          src: "http://yjsc.cuit.edu.cn/NewsCont.asp?type=918&id=21306"
        },
        {
          title:
            "关于公布2020年研究生招生初试成绩的补充通知关于公布2020年研究生招生初试成绩的补充通知",
          src: "http://yjsc.cuit.edu.cn/NewsCont.asp?type=918&id=21306"
        },
        {
          title: "关于公布2020年研究生招生初试成绩的补充通知",
          src: "http://yjsc.cuit.edu.cn/NewsCont.asp?type=918&id=21306"
        },
        {
          title:
            "关于公布2020年研究生招生初试成绩的补充通知关于公布2020年研究生招生初试成绩的补充通知",
          src: "http://yjsc.cuit.edu.cn/NewsCont.asp?type=918&id=21306"
        },
        {
          title: "关于公布2020年研究生招生初试成绩的补充通知",
          src: "http://yjsc.cuit.edu.cn/NewsCont.asp?type=918&id=21306"
        },
        {
          title:
            "关于公布2020年研究生招生初试成绩的补充通知关于公布2020年研究生招生初试成绩的补充通知",
          src: "http://yjsc.cuit.edu.cn/NewsCont.asp?type=918&id=21306"
        },
        {
          title: "关于公布2020年研究生招生初试成绩的补充通知",
          src: "http://yjsc.cuit.edu.cn/NewsCont.asp?type=918&id=21306"
        },
        {
          title:
            "关于公布2020年研究生招生初试成绩的补充通知关于公布2020年研究生招生初试成绩的补充通知",
          src: "http://yjsc.cuit.edu.cn/NewsCont.asp?type=918&id=21306"
        }
      ]
    };
  },
  components: {
    TableContent
  }
};
</script>
